<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="${pageContext.request.contextPath}/resources/componentes-jsp/tabs/css/tab.css" />
</head>
<body>
	
	<div id="${idTabs}" class="${tabsClass}">
	
		<ul id="lista" class="${headerClass}">
			${tab}
	    </ul>
	    
	</div>
				
	<script type="text/javascript" src="${pageContext.request.contextPath}/resources/componentes/tabs/js/Tabs.js"></script>
	
	<script type="text/javascript">

		var json="";

		var idTabs = "${idTabs}";

		<c:if test = "${not empty active}">

			json = $.extend(json,{"active": ${active}});

		</c:if>
	
		<c:if test = "${not empty collapsible}">
	
			json = $.extend(json,{"collapsible": "${collapsible}"});
	
		</c:if>
	
		<c:if test = "${not empty disabled}">
	
			json = $.extend(json,{"disabled": ${disabled}});
	
		</c:if>
	
		<c:if test = "${not empty event}">
	
			json = $.extend(json,{"event": "${event}"});
	
		</c:if>
	
		<c:if test = "${not empty heightStyle}">
	
			json = $.extend(json,{"heightStyle": "${heightStyle}"});
	
		</c:if>
	
		<c:if test = "${not empty hideEffect and not empty hideDuration}">
	
			json = $.extend(json, {hide: {"effect": "${hideEffect}", "duration": ${hideDuration}}});

		</c:if>
	
		<c:if test = "${not empty showEffect and not empty showDuration}">
	
			json = $.extend(json, {show: {"effect": "${showEffect}", "duration": ${showDuration}}});
	
		</c:if>
	
		<c:if test = "${not empty create}">
	
			json = $.extend(json,{"create": "${create}"});
	
		</c:if>
	
		<c:if test = "${not empty activate}">
	
			json = $.extend(json,{"activate": "${activate}"});
	
		</c:if>
	
		<c:if test = "${not empty beforeActivate}">
	
			json = $.extend(json,{"beforeActivate": "${beforeActivate}"});
	
		</c:if>
	
		<c:if test = "${not empty beforeLoad}">
	
			json = $.extend(json,{"beforeLoad": "${beforeLoad}"});
	
		</c:if>
	
		<c:if test = "${not empty load}">
	
			json = $.extend(json,{"load": "${load}"});
	
		</c:if>

		var tabs = new Tabs();
		
		tabs.gerarTabs("#"+idTabs, json);	

	</script>
	

</body>
</html>